@charset "utf-8";
@import "common";
html,body,div,a,ul,li,dl,dd,dt,figure,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:"微软雅黑";}
a,u{text-decoration:none;}
ul,li{list-style:none;}
i,em{font-style:normal;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:100;}
img{display:block;border:0;}
html,body{height:100%}
.main-con{
    width:1191px;
    margin:0 auto;
}
/*搜索公共样式*/
.search_txt{
    float:left;
    padding-left:5px;
    height:31px;
    width:807px;
    border:0;
    font-size:$fontclassone;
    
}
.search_btn{
    float:left;
    background:$bodycolor;
    width:90px;
    height:34px;
    border:0;
    color:#fff;
    font-size:$fontclassone;
    
}
/*顶部悬浮搜索框*/
#search{
    background:#982246;
    position:absolute;
    top:-52px;
    .search{
        height:47px;
        padding-top:5px;
        img{
            float:left;
            margin:0 75px 0 18px;
        }
        form{
            float:left;
            padding-top:5px;
        }
    }
}
/*logo区 搜索*/
#logo{
    .logo{
        height:96px;
        padding-top:48px;
        h1{
            float:left;
            margin-right:49px;
        }
        form{
            float:left;
            .logo_ser{
                border:3px solid #c42c33;
                @include clearfix();
                .search_txt{
                    height:33px;
                    width:497px;
                }
                .search_btn{
                    width:97px;
                    height:35px;
                }
            }
            .list{
                a{
                    font-size:$fontclassone;
                    color:#8c8c8c;
                }
            }
        }
        .shop_cart{
            float:right;
            width:120px;
            height:38px;
            border:1px solid #d8d8d8;
            line-height:38px;
            text-align:center;
            font-size:$fontclassone;
            background:#f9f9f9;
            i{
                font-size:($fontclassone+1)!important;
                color:$bodycolor;
            }
            b{
                color:$color;
            }
        }
    }
}
/*nav*/
$navlineheight:39px;
#nav{
    height:$navlineheight;
    border-bottom:2px solid $bodycolor;
    .nav{
        li{
            float:left;
            line-height:$navlineheight;
            a{
                font-size:16px;
                color:#303030;
                padding:0 30px;
                &:hover{
                    color:$bodycolor;
                }
            }
        }
        .all_class{
            width:215px;
            height:$navlineheight+2;
            background:$bodycolor;
            position:relative;
            i{
                font-size:16px!important;
                color:#fff;
            }
            a{
                padding:0 54px;
                color:#fff;
                &:hover{
                    color:#fff;
                }
            }
            .all_two_class{
                display:none;
                height:$bannerheight;
                position:absolute;
                z-index: 2;
                top:$navlineheight+2;
                background:#2f2e2f;
                li{
                    position:relative;
                    margin-top:22px;
                    line-height:20px;
                    width:215px;
                    text-align:center;
                    a{
                        font-size:$fontclassone;
                        padding:0 12px;
                    }
                    i{
                        font-size:20px!important;
                    }
                    .all_three_class{
                        display:none;
                        padding:5px;
                        position:absolute;
                        top:0;
                        left:215px;
                        background:$bodycolor;
                        width:180px;
                        li{
                            width:59px;
                            margin:5px 0;
                            a{
                                padding:0 5px;
                                &:hover{
                                    color:#333;
                                }
                            }
                        }
                    }
                }
            }
        }
        .index{
            padding-left:29px;
            a{
                color:$bodycolor;
            }
        }
    }
}
/*advantage*/
.advantage{
    height:44px;
    border:1px solid #e5d5d6;
    background:#f7f7f7;
    margin-bottom:4px;
    padding:14px 0 0 28px;
    width:1163px;
    ul{
        li{
            float:left;
            margin-right:76px;
            h4{
                float:left;
                font-size:$fontclassfour;
                line-height:$fontclassfour;
                color:$bodycolor;
                font-weight:900;
            }
            div{
                float:left;
                p{
                    font-size:$fontclassone;
                    color:#6b6b6b;
                }
            }
        }
    }
}
/*yqLink*/
.yqLink{
    border-top:1px solid #d7d7d7;
    height:197px;
    padding:46px 0 0 49px;
    width:1142px;
    .yqLink_ul{
        float:left;
        margin-right:111px;
        .yq_first_li{
            margin-bottom:19px;
            line-height:1em;
            span{
                font-size:$fontclassone+2;
                color:$color;
            }
        }
        li{
            margin-bottom:11px;
            line-height:1em;
            a{
                font-size:$fontclassone;
                color:$color;
            }
        }
    }
    .yqLink_dl{
        float:right;
        margin-right:195px;
        dt{
            font-size:$fontclassone;
            line-height:1em;
            color:#333;
            margin-bottom:14px;
        }
        dd{
            img{
                width:110px;
                height:110px;
            }
        }
    }
}
/*about*/
#about{
    border-bottom: 4px solid $bodycolor;
    height:23px;
    .about{
        width:251px;
        margin:0 auto;
        a{
            float:left;
            width:83px;
            height:14px;
            border-right:1px solid #a9a9a9;
            font-size:$fontclassone;
            color:$color;
            text-align:center;
        }
        .alast{
            border-right:0;
        }
    }
}
/*bottom*/
#bottom{
    height:76px;
    background:#f3f3f3;
    padding-top:11px;
    p{
        font-size:$fontclassone;
        color:#7e7e7e;
        line-height:24px;
        text-align: center;
    }
}